<link rel="stylesheet" href="__STATIC__/admin/css/welcome.css?v={:time()}" media="all">
<div class="layuimini-container">
    <div class="layuimini-main" style="padding:0;background:0;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
                            <div class="layui-card-body">
                                <div class="welcome-module" style="height:auto;">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-yellow">访</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">总访问量</div>
                                                    <div class="statistic-item-num">10088</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-pink">注</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">注册用户数</div>
                                                    <div class="statistic-item-num">372</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/polite.article/index.html" data-title="新闻资讯">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-purple">新</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">新闻资讯</div>
                                                        <div class="statistic-item-num">188</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/consult.message/index.html" data-title="投诉建议">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-orange">建</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">投诉建议</div>
                                                        <div class="statistic-item-num">597</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/polite.comprehensive/index.html" data-title="吃在果园店家">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-blue">吃</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">吃在果园店家</div>
                                                        <div class="statistic-item-num">188</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/polite.politePlay/index.html" data-title="玩在果园店家">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-orange">玩</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">玩在果园店家</div>
                                                        <div class="statistic-item-num">188</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/polite.politePay/index.html" data-title="乐购果园产品">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-yellow">购</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">乐购果园产品</div>
                                                        <div class="statistic-item-num">298</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <a style="cursor: pointer" layuimini-content-href="/admin/polite.politeStart/index.html" data-title="创业果园门店">
                                                <div class="statistic-box">
                                                    <div class="statistic-icon statistic-bg-orange">创</div>
                                                    <div class="statistic-item">
                                                        <div class="statistic-item-name">创业果园门店</div>
                                                        <div class="statistic-item-num">73</div>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>

                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-purple">待</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">待回复投诉</div>
                                                    <div class="statistic-item-num">97</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-pink">已</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">已回复投诉</div>
                                                    <div class="statistic-item-num">189</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-yellow">待</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">待回复建议</div>
                                                    <div class="statistic-item-num">152</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-sm3">
                                            <div class="statistic-box">
                                                <div class="statistic-icon statistic-bg-blue">已</div>
                                                <div class="statistic-item">
                                                    <div class="statistic-item-name">已回复建议</div>
                                                    <div class="statistic-item-num">159</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>近7日访问量统计</div>
                            <div class="layui-card-body">
                                <div id="echarts-lines" style="width: 100%;min-height:300px"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-area-chart icon"></i>访问量排名统计</div>
                            <div class="layui-card-body">
                                <div class="condition-box">
                                    <div class="condition-item">
                                        <label for="">选择日期：</label>
                                        <div class="item-box">全部</div>
                                        <div class="item-box">当月</div>
                                        <div class="item-box">当日</div>
                                        <div class="item-box active">指定日期</div>
                                    </div>
                                    <div class="condition-item">
                                        <label for="">开始结束：</label>
                                        <div class="item-box" style="margin-right:0;">2022-08-20</div>
                                        <div>&nbsp;-&nbsp;</div>
                                        <div class="item-box">2022-08-25</div>
                                    </div>
                                </div>
                                <div class="table-box">
                                    <table style="min-height:300px" class="table">
                                        <tr class="title">
                                            <td colspan="3">吃在果园访问量排名</td>
                                        </tr>
                                        <tr class="tlabel">
                                            <td>排名</td>
                                            <td>店家</td>
                                            <td>访问量</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>魏晋府</td>
                                            <td>38512</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>魏家湾农家院</td>
                                            <td>23400</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>麻哥风情园</td>
                                            <td>19581</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>杨记椒麻鸡</td>
                                            <td>15541</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>李奶奶农家乐</td>
                                            <td>9844</td>
                                        </tr>
                                    </table>
                                    <table style="min-height:300px" class="table">
                                        <tr class="title">
                                            <td colspan="3">玩在果园访问量排名</td>
                                        </tr>
                                        <tr class="tlabel">
                                            <td>排名</td>
                                            <td>店家</td>
                                            <td>访问量</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>魏家湾农家院</td>
                                            <td>38512</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>香鹅居</td>
                                            <td>23400</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>魏家大院</td>
                                            <td>19581</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>赵家鱼塘</td>
                                            <td>15541</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>天香园</td>
                                            <td>9844</td>
                                        </tr>
                                    </table>
                                    <table style="min-height:300px" class="table">
                                        <tr class="title">
                                            <td colspan="3">乐购果园访问量排名</td>
                                        </tr>
                                        <tr class="tlabel">
                                            <td>排名</td>
                                            <td>产品</td>
                                            <td>访问量</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>酒泉锅盔</td>
                                            <td>38512</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>果园香醋</td>
                                            <td>23400</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>蜂蜜</td>
                                            <td>19581</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>干菜</td>
                                            <td>15541</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>油饼</td>
                                            <td>9844</td>
                                        </tr>
                                    </table>
                                    <table style="min-height:300px" class="table">
                                        <tr class="title">
                                            <td colspan="3">创业果园访问量排名</td>
                                        </tr>
                                        <tr class="tlabel">
                                            <td>排名</td>
                                            <td>门店</td>
                                            <td>访问量</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>桥湾出租房</td>
                                            <td>38512</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>高闸沟三组厂房</td>
                                            <td>23400</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>中所沟二组民房</td>
                                            <td>19581</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>中所沟一组民房</td>
                                            <td>15541</td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td>中所沟四组民房</td>
                                            <td>9844</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-bar-chart icon"></i>近7日投诉建议统计</div>
                            <div class="layui-card-body">
                                <div id="echarts-records" style="width: 100%;min-height:300px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md4" style="display:none;">

            </div>
        </div>
    </div>
</div>
<style>
    .statistic-box{
        width:calc(100% - 30px);box-shadow: 0 2px 12px 0 #ccc;
        display:flex;
        align-items: center;
        padding:15px 15px;
        border-radius:6px;
    }
    .statistic-box .statistic-icon{
        width:50px;height:50px;border-radius: 50%;color:#fff;display:flex;align-items: center;justify-content: center;font-size:18px;
    }
    .statistic-bg-yellow{
        background-color: #fdd22c;
    }
    .statistic-bg-pink{
        background-color: #fe8e86;
    }
    .statistic-bg-purple{
        background-color: #898ced;
    }
    .statistic-bg-orange{
        background-color: #fda864;
    }
    .statistic-bg-blue{
        background-color: #26c6ff;
    }
    .statistic-box .statistic-item{
        width:calc(100% - 50px - 30px);display:flex;flex-direction: column;justify-content: center;align-items: center;
    }
    .statistic-box .statistic-item .statistic-item-name{
        font-size:16px;color: rgba(0,0,0,.45);font-weight:700;margin-bottom:10px;
    }
    .statistic-box .statistic-item .statistic-item-num{
        font-size:22px;font-weight:700;
    }
    .condition-box{
        width:100%;
    }
    .condition-box .condition-item{
        width:100%;
        display:flex;
        align-items: center;
        margin-bottom:10px;
    }
    .condition-box .condition-item label{
        font-weight:bold;
    }
    .condition-box .condition-item .item-box{
        width:120px;
        height:40px;
        border:1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius:3px;
        margin-right:10px;
    }
    .condition-box .condition-item .item-box.active{
        background-color: #1e9fff;
        color:#fff;
        border:1px solid #1e9fff;
    }
    .table-box{
        width:100%;
        display:flex;
    }
    .table-box .table{
        width:calc(100% / 4 - 10px);
        border:1px solid #ccc;
        border-radius:6px;
        margin-right:10px;
    }
    .table-box .table .title{
        font-weight:bold;
        border-bottom:1px solid #ccc;
        background-color: #1e9fff!important;
        color:#fff;
    }
    .table-box .table .tlabel{
        font-weight:bold;
    }
    .table-box .table tr{
        text-align: center;
    }
    .table-box .table tr:nth-child(odd){
        background-color: #e3e6ec;
    }
    .table-box .table tr td{
        width:calc(100% / 3);
    }
</style>